{#include file="top.php"#}
<script type="text/javascript">

    function pic_next(){
        var p = $("#memlist");
        var b = $(".mem_b").length;
        var n = 98;
        var l = parseInt(p.attr('c'))-n;
        var lc = 0-(parseInt(b)*n-590);
        if(parseInt(b)>4){
            if(l<lc){ l=lc;}
            p.animate({marginLeft: l+'px'});
            p.attr('c',l);
        }
    }

    function pic_pre(){
        var p = $("#memlist");
        var n = 98;
        var r = parseInt(p.attr('c'))+n;
        if(r>0){ r=0};
        p.animate({marginLeft: r+'px'});
        p.attr('c',r);
    }

    function show(i){
        $(".user_blog").hide();
        $('#user_blog_'+i).show();
    }

</script>

<div class="body">
    <div class="main fl">
        <div class="crumb">
            <a href="{#optimize_url('events', 'invite_list')#}">活動</a> &gt;
            <strong>活動報導</strong>
        </div>
        <div class="mvbox">
            {#if !empty($event._video)#}
            <div class="imgbox">
                {#$event._video#}
            </div>
            {#/if#}
            <div class="txtbox">
                <h3 class="title">
                    {#$event.title#}
                </h3>
                <P>{#$event.body#}</P>
            </div>
        </div>
        {#if !empty($event.event_user)#}
        <div class="pro_img_box ibbox b_box">
            <div class="hd">
                <h2 class="ir ht"><span>會員</span></h2>
            </div>

            <div class="slbox">
                <div class="dl" onclick='pic_pre()'><strong class="tri left"></strong></div>
                <div class="dr" onclick='pic_next()'><strong class="tri right"></strong></div>
                <div class="iw" style="width:590px;margin-left: 9px;">
                    <div class="siwbox clearfix" id='memlist' c=0 style="padding-top: 5px;">
                        {#foreach from=$event.event_user item=v key=k#}
                        <span class="mem_b" style="margin-left: 4px;">
							<div class="img_box"><p class="img_p"><a href="{#$v.link#}" target="_blank" onmouseover="show({#$k#})"><span><img src="{#$v.photo_l#}" width=90 title="{#$v.username#}"></span></a></p></div>
                        </span>
                        {#/foreach#}
                    </div>
                </div>
            </div>
            <div id="lists" style="border:1px solid #7E8AA2;padding:10px;margin-top:15px;">
                {#foreach from=$event.event_user item=v key=k#}
                <div id="user_blog_{#$k#}" class="user_blog" {#if $k neq 0#}style="display:none;"{#/if#}>
                    {#foreach from=$v.event_user_blog item=v1 key=k1#}
                    <div class="b_box b_box_pro_rep">
                        <div class="bd">
                            <div class="box_mid">
                                <p class="que"><a href="{#$v1.link#}" class="que">{#$v1.title#}</a></p>
                            </div>
                            <div class="box_bot" style="padding-right: 130px;">
                                <p><a href="{#$v1.link#}">{#$v1.body#}</a></p>
                                <ul class="clearfix">
                                    <li>
										<div class="img_box"><p class="img_p"><a href="{#$v1.link#}"><span><img src="{#$v1.img1#}" width="144px" height="101px"></span></a></p></div>
									</li>
                                    <li><div class="img_box"><p class="img_p"><a href="{#$v1.link#}"><span><img src="{#$v1.img2#}" width="144px" height="101px"></span></a></p></div></li>
                                    <li class="last"><div class="img_box"><p class="img_p"><a href="{#$v1.link#}"><span><img src="{#$v1.img3#}" width="144px" height="101px"></span></a></p></div></li>
                                </ul>
                            </div>
                            <a class="more" href="{#$v1.link#}" style="left:610px">更多</a>
                        </div>
                    </div>
                    {#/foreach#}
                </div>
                {#/foreach#}
            </div>
        </div>
        {#/if#}
    </div>
    <!-- main-->
    <div class="sidebar">

        {#show_block('b2',1,'','sidebar_ad')#}
        {#show_block('b1',2,'','sidebar_function')#}
        {#show_block('b3',0,'','sidebar_search')#}
        {#show_block('b13',0,'','sidebar_registation')#}
        {#show_block('b5',0,'','sidebar_top3 b_box')#}
        {#show_block('b6',0,'','sidebar_facebook')#}
    </div>
    <!-- sidebar -->

</div><!--body-->
<script src="js/jquery.event.drag.min.js"></script>

<script>
    var is_apple=0;
    setTimeout( function(){$("#intro_content").fadeIn('normal',function(){
            bindSilder("intro_content", "intros_scroll");
        });}, ( 300 ) );
</script>
{#include file="footer.php"#}